<template>
  <div class="container">
    数据发送方---count的值为: {{count}} <br>
    <button @click="add">+1</button>
  </div>
</template>

<script>
export default {
  name: 'MyTest',
  data() {
    return {
      count: 0,
      color: 'red'
    }
  },
  // provide() {
  //   return {
  //     color: this.color
  //   }
  // },
  methods: {
    add() {
      this.count++
    }
  }
}
</script>

<style>
  .container {
    width: 400px;
    height: 300px;
    border: 1px solid #ccc;
  }
</style>